﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>Tank Game</title>
    <link href="http://fonts.googleapis.com/css?family=VT323" rel="stylesheet">
    <style>
        .centerPlaceholder {
            position: absolute;
        }
        .popup {
            position: relative;
            top: -100%;
            left: -50%;
            background: #666;
            z-index: 10;
            display: none;
        }
    </style>
</head>
<body>
    <div class="centerPlaceholder" id="center">
        <div class="popup" id="login">
            <input type="text" id="username" value="u1" /><br />
            <input type="password" id="password" value="12" /><br />
            <span style="color: orange" id="error-message"></span><br/>
            <input type="button" value="login" onclick="login();" />
            <a href="#" onclick="showhide('login');">register</a>
        </div>
        <div class="popup" id="register">
            <input type="text" id="registerUser" value="" /><br />
            <input type="password" id="registerPass" value="" /><br />
            <span style="color: orange" id="registererror"></span><br/>
            <input type="button" value="register" onclick="register();" />
            <a href="#" onclick="showhide('register');">login</a>
        </div>
        <span class="popup" id='waiting' style="background: #fff; display: none; font-size: 36px">waiting for more players</span>
    </div>
    <span id="showfps" style="position: absolute; color: red; z-index: 10">fps: 60</span>
    <span id='alluser' style="position: absolute; background: #fff; z-index: 9"></span>

    <script src="js/index.button-event.js"></script>
    <script src="js/other.js"></script>
    <script src="js/lib/shim.js"></script>
    <script src="js/TMX_Engine.js"></script>
    <script src="../common/socket.io.js"></script>
    <script src="../common/helper.js"></script>
    <script src="../common/character.moving.js"></script>
    <script src="../common/tick.js"></script>
    <script src="js/input.js"></script>
    <script src="js/score.js"></script>
    <script src="js/draw.js"></script>
    <script src="js/character.js"></script>
    <script src="js/client-listener.js"></script>
    <script src="js/animation.js"></script>
    <script src="js/TheGame.js"></script>
</body>
</html>
